import React from 'react';
import {Layout} from 'antd';

const {Header, Content, Footer} = Layout;

class BasicLayout extends React.Component {
    render() {
        var a = document.getElementById("root");
        a.style.width = "100%";
        a.style.height = "100%";
        a.style.minWidth = "1300px";
        return (
            <Layout className="layout">
                <Header style={{background: '#fff', textAlign: 'center', padding: 0}}>
                    {this.props.header}
                </Header>
                <Content
                    style={{margin: '20px 200px 100px 200px', padding: '', minHeight: 1000, background: '#fff'}}>
                    <div className="site-layout-content">
                        {this.props.children}
                    </div>
                </Content>
                {<Footer style={{textAlign: 'center'}}>CQU-forum ©2021</Footer>}
            </Layout>
        )
    }
}

export default BasicLayout;